/* Reset CSS * --------------------------------------- */
body{margin:0;padding:0; font:14px "microsoft yahei"; color:#21282e; background:#fff; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding: 0; margin: 0;}
table{border-spacing: 0;}
fieldset,img{border: 0;}
address,caption,cite,code,dfn,em,strong,th,var{font-weight: normal; font-style: normal;}
strong{font-weight: bold;}
ol,ul{list-style: none; margin:0; padding:0;}
caption,th{text-align: left;}
h1,h2,h3,h4,h5,h6{font-weight: normal; font-size: 100%; margin:0; padding:0; color:#444;}
q:before,q:after{content:'';}
abbr,acronym{border: 0;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none; color:#fc4c02; }
.clear{clear:both;}
img{border:0}
.section{width:100%; height:100%; overflow:hidden;}
.slide{text-align:center; width:100%; height:100%; overflow:hidden;}
.l{float:left;}
.r{float:right;}
.left{display: flex;flex-wrap: wrap;}
.right{display: flex;justify-content: flex-end;}
.between{display: flex;justify-content: space-between;}
.around{display: flex;justify-content: space-around;}
.center{display: flex;flex-direction: column;align-items: center;}
.centerT{display: flex;justify-content: center;align-items: center;}
.cut{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cutTwo{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.cutThree{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
input,textarea,select,button{  font-family:"Microsoft YaHei";}
input:focus,textarea:focus,select:focus,button:focus{ outline:none;}
.clearfix:after {content: "";display: table;clear:both;}


/* HeaderTop */
.HeaderTop {width:100%; height:38px; padding:0; margin:0; background:#fc4c02; min-width:1200px; font-size: 12px;}
.HeaderTop .top_c {width:1200px; margin:0 auto; }
.HeaderTop .top_c_left {float:left; line-height:38px; color:#fff;}
.HeaderTop .top_c_right {float:right; line-height:38px; color:#fff; }
.HeaderTop .top_c_right a{color:#fff;}
.HeaderTop .top_c_right a:hover{color:#fff;}
.HeaderTop .top_c_right .line{ float: right; margin: 0 15px;}
.HeaderTop .Language{ float: right;}
.HeaderTop .LanguageC{ background:url(../images/icon_language.png) no-repeat right center; padding-right: 15px;}
.HeaderTop .LanguageSubnav{padding:0; position:absolute; top:38px; z-index:9999999; display:none; background:#fff; width:85px; padding:0; border-bottom:solid 2px #fc4c02; border-left: solid 1px #eee; border-right: solid 1px #eee;}
.HeaderTop .LanguageSubnav li{width:100%; float:left; margin:0;}
.HeaderTop .LanguageSubnav a{ display:block; height:28px; line-height:28px; text-align:center; font-size:12px;  margin:0; width:85px; color:#666;}
.HeaderTop .LanguageSubnav a:hover{color: #fff; background:#fc4c02;}
.HeaderTop .tel{ float: right;}

/* header */
.main_body{width:1200px;margin:0 auto;}
.indexHeader{position:fixed; top:0; left:0; width:100%; z-index:99;background:#fff;box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.05);}
.headerLogo{ position:relative; height:50px; margin-top:20px; z-index:9999;}
.headerLogo img{ height: 100%; display: block;}
.icon-bar{-webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; z-index: 999999;}
.animated .icon-bar{display: block; margin:9px 0 8px 0; width:36px; height:2px; background: #333;}
.animated .top{-webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none;}
.animated .bottom{-webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none;}
.animated{display: block; margin: 0 auto;}
.animated:hover .icon-bar,.animated:focus .icon-bar{background:#fc4c02;}
.animated:focus{cursor: pointer; z-index: 9999;}
.nav-content{position:relative;float:right;display: block; height:100px; z-index: 9;}
.hidden{display: block;}

.nav{ position:relative;width:100%;}
.nav:after{clear:both;content:'';zoom:1;display:table}
.nav .nLi{float:left;padding:0 20px;}
.nav .nLi p a{display:block;text-align:center;line-height:100px;font-size:16px;color:#333333;}
.nav .on p a,.nav li.selected p a{color:#fc4c02;background:url(../images/nav_on.png) no-repeat center 80%;}

.nav .sub{ display:none; width:100%; left:0;top:138px; position:fixed; background:rgba(255, 255, 255, 0.9); padding:20px 0; text-align: center;border-bottom:1px solid #f5f5f5;  }
.nav .sub li{display: inline-block; list-style: none; padding:0; margin:0 15px;}
.nav .sub a{ display:block; color:#666; line-height:12px;}
.nav .sub li:hover a{color:#fc4c02}
/* footer */
.indexFooter{position:fixed;bottom:0%;left:0%;width:100%;z-index:99;border-top:1px solid #fff;padding:10px 25px;}
.footerCopy{ color:#fff;line-height:24px;}
.footerCopy a{color:#fff;}
.footerCopy span{margin:0 3px;}
.chevron{-webkit-animation: pulse 2s infinite; animation: pulse 2s infinite; position:fixed; bottom:3%; left:50%; margin-left:-12px; display: block;z-index:999}
@-webkit-keyframes pulse{0%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} 50%{-webkit-transform: translate(0, 10px); transform: translate(0, 10px);} 100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} }
@keyframes pulse{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0);} 50%{-webkit-transform: translate(0, 10px); transform: translate(0, 10px);} 100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} }
/*lightbox*/
.jquery-lightbox-overlay{ background:#000;}
.jquery-lightbox{ position:relative;padding:0;margin:0;}
.jquery-lightbox-html{ z-index:7000; padding:0; position:relative;border:solid 20px #fff;}
.jquery-lightbox-background{z-index:6999; position:absolute;padding:0;float:left;}
.jquery-lightbox-mode-html .jquery-lightbox-background{background:#fff;}
.jquery-lightbox-mode-html .jquery-lightbox-html{ overflow:auto}
.jquery-lightbox-loading{background:url(../images/loading.gif) #fff no-repeat center center}
.jquery-lightbox-mode-html .jquery-lightbox-loading{background:url(../images/loading.gif) #fff no-repeat center center}
.jquery-lightbox-button-close{position:absolute; width:50px; background:#333 url(../images/iconBox.png) no-repeat 0 0; height:50px; top:0px; right:-50px;}
.jquery-lightbox-button-close:hover{background:#fc4c02 url(../images/iconBox.png) no-repeat 0 0}
.jquery-lightbox-button-close SPAN{display:none}
.jquery-lightbox-buttons SPAN{display:none}
.jquery-lightbox-buttons{z-index: 7001; position: absolute; display: none; height:100px; width:50px; top:50px; right:-50px;}
.jquery-lightbox-buttons .jquery-lightbox-button-left{margin:0px; width:50px; height:50px; display:inline; background:#333 url(../images/iconBox.png) no-repeat -50px 0; float:left; }
.jquery-lightbox-buttons .jquery-lightbox-button-left:hover{background:#fc4c02 url(../images/iconBox.png) no-repeat -50px 0;}
.jquery-lightbox-buttons .jquery-lightbox-button-right{margin:0px; width:50px; display: inline; background:#333 url(../images/iconBox.png) no-repeat -100px 0; float:left; height:50px}
.jquery-lightbox-buttons .jquery-lightbox-button-right:hover{background:#fc4c02 url(../images/iconBox.png) no-repeat -100px 0;}
.jquery-lightbox-navigator{display: none}
/* section1 */
.section1{ box-sizing: border-box; padding-top: 138px;}
/* .indexBanner{ height: calc(100% - 138px);margin-top: 138px;} */
.section .slide{ background-size:cover !important;}
.section .slide a{ display: block;}
.section .title{position:absolute;line-height:30px;top:-50%;margin-top:120px;margin-left:110px;}
.section .title h3{color:#fc4c02;font-size:46px;font-weight:normal;}
.section .title p{position:relative;padding-bottom:5px;font-size:16px;text-transform:uppercase;line-height:64px;color:#999999;letter-spacing:2px;}
.section .title p:after{content:'';display:block;width:44px;height:2px;background:#c6c5c9;position:absolute;bottom:8px;left:0;}
.section .title span{width:120px;position:relative;font-size:16px;z-index:1000;color:#666666;}
.section .more{position:absolute; width:180px;height:80px;text-align:center;}
.section .more a{display:block;font-size:16px;width:190px;height:50px;line-height:50px;color:#fc4c02;background:#fff;box-shadow:0px 0px 21px 0px #0400000d}
.section .more span{display:inline-block;padding:8px 16px;background:url(../images/more_jt.png) no-repeat 18px center;}
.section .more a:hover{ background-color: #fc4c02; color: #fff;}
.section .more a:hover span{background:url(../images/more_jt1.png) no-repeat 18px center;}
.section .cont-box .cont-text{z-index:2;padding:45px;width:535px;text-align:left;line-height:34px;font-size:16px;background:rgba(255, 255, 255, 0.85);border-radius:30px 0 0 0 ;-webkit-border-radius:30px 0 0 0 ;box-shadow:1px 5px 9px 1px #0400000d;-webkit-box-shadow:1px 5px 9px 1px #0400000d;}
.section .cont-box .cont-text img{margin-top:20px;}
/* section2 */
.section2{background:url(../images/sectionBg2.jpg) no-repeat center center; background-size:cover;}
.section2 .atitle { z-index: 1;position: relative; top: -50%;line-height:36px; text-align:left; left:50%; margin:0 0 10px -600px; opacity:0}
.section2 .atitle p{font-size:26px;color:#fc4c02;font-weight:bold;}
.section2 .cont2{position:absolute; z-index:1;left:50%; margin:560px 0 0 -540px;opacity:0;height:120px;}
.section2 .cont2 li{margin-right:90px;float:left;text-align:center;}
.section2 .cont2 li i{background:url(../images/a_ico.png) no-repeat;margin:0 auto;display:block;height:48px;width:52px;}
.section2 .cont2 li.a_ico1 i{background-position:6px 0;}
.section2 .cont2 li.a_ico2 i{background-position:-90px 0;}
.section2 .cont2 li.a_ico3 i{background-position:-180px 0;}
.section2 .cont{position: absolute; z-index:1; width:530px; height:220px;text-align:left; left:50%; line-height:34px; font-size:16px; margin:0 0 0 -560px; opacity:0;color:#666666;}
.section2 .slogan{position:absolute; z-index:1;left:50%;margin: -460px 0px 0px -80px; opacity:0;letter-spacing:10px;color:#eaeff5;font-size:204px;font-weight:bold;}
.section2 .video{position: absolute; z-index:1; width:620px; height:400px; background:url(../images/video_img.png) no-repeat; left:50%; margin:-620px 0 0 -30px; opacity:0}
.section2 .video iframe{ width:620px; height:400px;}
.section2 .video a{ width:62px; height:38px; margin:200px auto; display:block}
.section2 .video span{position:absolute;display:block;width:516px;height:18px;background:#fc4c02;top:97.5%;right:38px;}
.section2 .imgBox{position: absolute; z-index:1; width:620px; height:400px;  left:50%; margin:-300px 0 0 -30px; opacity:0}
.section2 .imgBox img{ width: 100%; display: block;}
.section2 .more{left:50%; margin:450px 0 0 -90px; opacity:0;}

/* section3 */
.section3{background:url(../images/sectionBg3.jpg) no-repeat center center; background-size:cover;}
.section3 .proimg{width:50%;position:absolute;left:0%; margin:0px 0 40px -600px; opacity:0;top:0;}
.section3 .proimg img{ width: 100%;}
.section3 .cont-box{width:50%;position:absolute;left:auto;right:0%;margin:0px 0px 40px 0px;top:0;}
.section3 .title {text-align:left;opacity:0}
.section3 .cont-box .cont-text{position:relative;opacity:0;margin:300px 0 40px 800px; }
.section3 .more{left:0%;margin-top:-90px;opacity:0;}
.section3 .probg{position:absolute;bottom:-2%;margin-left:410px;z-index:0;opacity:0;}

/* section4 */
.section4{background:url(../images/sectionBg4.jpg) no-repeat center center; background-size:cover; position: relative;}
.section4 .proimg{width:50%;position:absolute;right:-20%;left:auto;margin:0px 0 40px -600px; opacity:0;top:0;}
.section4 .proimg img{ width: 100%;}
.section4 .cont-box{width:50%;position:absolute;left:0%;margin:0px 0px 40px 0px;top:0;}
.section4 .title{text-align:right;opacity:0;right:140px;}
.section4 .title p:after{left:auto;right:0}
.section4 .cont-box .cont-text{position:relative;opacity:0;margin:300px 0 40px -500px;border-radius: 0 30px 0 0 ;-webkit-border-radius:0 30px 0 0 ;}
.section4 .more{left:0%;margin-top:-90px;opacity:0;}
.section4 .probg{position:absolute;bottom:-2%;margin-left:170px;z-index:0;opacity:0;}

/* section5 */
.section5{background:url(../images/sectionBg5.jpg) no-repeat center center; background-size:cover;}
.section5 .proimg{width:50%;position:absolute;left:0%; margin:0px 0 40px -600px; opacity:0;top:0;}
.section5 .proimg img{ width: 100%;}
.section5 .cont-box{width:50%;position:absolute;left:auto;right:0%;margin:0px 0px 40px 0px;top:0;}
.section5 .title {text-align:left;opacity:0}
.section5 .cont-box .cont-text{position:relative;opacity:0;margin:300px 0 40px 800px; }
.section5 .more{left:0%;margin-top:-90px;opacity:0;}
.section5 .probg{position:absolute;bottom:-2%;margin-left:460px;z-index:0;opacity:0;}

/* section6 */
.section6{background:url(../images/sectionBg6.jpg) no-repeat center center; background-size:cover; position: relative;}
.section6 .proimg{width:50%;position:absolute;right:-20%;left:auto;margin:0px 0 40px -600px; opacity:0;top:0;}
.section6 .proimg img{ width: 100%;}
.section6 .cont-box{width:50%;position:absolute;left:0%;margin:0px 0px 40px 0px;top:0;}
.section6 .title{text-align:right;opacity:0;right:140px;}
.section6 .title p:after{left:auto;right:0}
.section6 .cont-box .cont-text{position:relative;opacity:0;margin:300px 0 40px -500px;border-radius: 0 30px 0 0 ;-webkit-border-radius:0 30px 0 0 ;}
.section6 .more{left:0%;margin-top:-90px;opacity:0;}
.section6 .probg{position:absolute;bottom:-2%;margin-left:170px;z-index:0;opacity:0;}


/* footer */
.fp-auto-height .wk_footer_side {opacity:0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;transition: all 1s ease 0s;-webkit-opacity: 0;-moz-opacity: 0;-ms-transition: all 1s ease 0s;}
.fp-auto-height.active .wk_footer_side {opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.footerbox{background:#fc4c02;padding-bottom:22px;}
.f_contact{width:1200px;margin:0 auto;padding-top:20px;padding-bottom:10px;color:#fff;}
.f_contact .foot_l{float:left; width: 380px;}
.f_contact .foot_c{float:left;}
.f_contact .foot_r{float:right;}
.foot_l p{line-height:30px;}
.foot_l p img{padding:10px 0; height: 40px;}
.foot_c ul{float:left;text-align:center;padding:0 20px; }
.foot_c ul li{line-height:26px;}
.foot_c ul h3{font-weight:normal;padding:5px 0 10px;}
.foot_c ul h3 a{font-size:16px;color:#fff;}
.foot_c ul li a{color:rgba(255, 255, 255, 0.9);font-size:14px}
.foot_c ul li a:hover{color:#fff;}
.foot_r{text-align:center;}
.foot_r p{padding-bottom:10px;color:#fff;}
.foot_r li{position:relative;display:inline-block;padding:12px 8px;}
.popover_weixin{display:none; width:220px; height:220px; z-index:10000; position:absolute; top:10%;left:0;background:#fff; text-align:center; }
.weixin:hover .popover_weixin{display:block;}
.wk_footer {color: #fff;line-height: 26px;border-top:1px solid rgba(243, 245, 249, 0.2);height:80px;}
.wk_footer a {color: #fff;font-size:12px;}
.copy{font-size:12px;padding-top:20px;width:1200px;margin: 0 auto;}
.wk_footer .copy span{float:right}
.wk_footer .copy a:hover{ text-decoration: underline;}
.foot_nav{width:1200px;margin: 0 auto;}
.foot_nav a{margin: 0 6px;display:inline-block;}
.foot_nav a:hover{ text-decoration: underline; color: #fff;}
.foot_nav i:last-child{ display: none;}
.chevron{-webkit-animation: pulse 2s infinite; animation: pulse 2s infinite; position: absolute; bottom:50px;left:50%; margin-left:-13.5px; display: block; z-index:999}
@-webkit-keyframes pulse{0%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} 50%{-webkit-transform: translate(0, 10px); transform: translate(0, 10px);} 100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} }
@keyframes pulse{0%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} 50%{-webkit-transform: translate(0, 10px); transform: translate(0, 10px);} 100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} }


@media screen and (max-width:1600px){

.section .title{position:absolute;line-height:30px;top:-50%;margin-top:7%;margin-left:10%;}
.section .title h3{color:#fc4c02;font-size:46px;font-weight:normal;}
.section .title p{position:relative;padding-bottom:5px;font-size:16px;text-transform:uppercase;line-height:64px;color:#999999;letter-spacing:2px;}
.section .title p:after{content:'';display:block;width:44px;height:2px;background:#c6c5c9;position:absolute;bottom:8px;right:0;}

.section .cont-box .cont-text img{margin-top:20px; width: 35%;}


.section .more{position:absolute; width:180px;height:80px;text-align:center; bottom: 10px;}



}

/*page*/
.secbanner{ height:380px; width:100%; background-size:cover; text-align:center; }
.secbanner h3{ padding-top:110px;font-weight:bold; color:#333; font-size:36px; margin-top:138px;}
.secbanner p{position:relative;padding-top:16px; color:#333; font-size:16px;padding-bottom:20px;}
.secbanner p:after{position:absolute;bottom:1px;left:0;content:'';display:block;width:45px;height:5px;background:#fff;}
.secbanner.probanner{ margin-top: 138px;}
.inside_pages{padding-bottom:80px;}

.pageNav{height:50px; margin:0 auto 50px;background:#fc4c02;}
.pageNav ul{ position:relative;}
.pageNav li{ float:left;}
.pageNav li a{ display:block; padding:0; line-height:50px;height:50px;padding:0 35px;font-size:16px;color:#fff}
.pageNav li a:hover,.pageNav li.select a{ background:#fff;color:#fc4c02;}
.pageNav .crumbs{line-height:50px;height:50px;padding:0;color:#fff;}
.pageNav .crumbs a{color:#fff;}
.pageNav .crumbs a:hover{font-weight:bold;}
.pageNav .crumbs i{ background:url(../images/iconCrumbs.png) no-repeat center; width:22px; height:50px; display:inline-block; float:left;}
.pageNav .crumbs span{ margin:0 4px;}

.ProNav{ width: 1200px; margin: 50px auto ; position: relative;}
.ProNav ul{ width: 100%; text-align: center;}
.ProNav ul li{ display: inline-block; margin: 10px;}
.ProNav ul li a{display: block; padding: 10px 20px; font-size: 14px; color: #333; border: solid 1px #ddd;}
.ProNav ul li.active a,.ProNav ul li:hover a{ background-color: #fc4c02; color: #fff; border-color: #fc4c02;}


.pro_list ul{}
.pro_list li{position:relative;float:left;text-align:center;width:32%;padding:0 25px;box-sizing:border-box; margin:0 2% 2% 0; }
.pro_list li:nth-child(3n){margin-right: 0;}
.pro_list li .middle-box>a{display:block;overflow:hidden;border:3px solid #f5f5f5}
.pro_list li:hover .middle-box>a{border-color:#fc4c02}
.pro_list li img{max-width:100%;}
.pro_list li img{ width:100%;transition:all 0.5s;}
.pro_list li:hover img{ transform:scale(1.05);}
.pro_list li h3{height:28px;padding:15px 5px 0px;color:#333;font-weight:normal;font-size:16px;}
.pro_list li:hover h3{color:#fc4c02;font-weight:bold;}
.pro_list li p.subtitle{color:#999}
.pro_list li .middle-box{position:relative;}
.pro_list .prolink{opacity:0;transition:all 0.5s;position:absolute;width:100%;background:#fc4c0287;bottom:0;height:100%;}
.pro_list .prolink a{background:url(../images/zoom.png) no-repeat center;padding:36px;display:inline-block;margin-top:44%;}
/* .pro_list li:hover .prolink{opacity:1;} */

.pages{ margin:30px 0 0;font-size:12px;text-align:center;}
.pages a { display:inline-block; height:30px; line-height:30px; background:#fff; border:1px solid #eee; text-align:center; color:#333; padding:0 12px; margin:0 2px;}
.pages a:hover { background:#fc4c02;  border:1px solid #fc4c02; color:#fff; text-decoration:none }
.pages span { display:inline-block; height:32px; line-height:32px; background:#fc4c02; color:#fff; text-align:center; padding:0 14px; margin:0 2px;}

/*bigpro_box*/
.bigpro_box{ width:100%; height: 620px; position: relative;}
.pro_l{position:relative; width:600px; height:600px; border: solid 1px #eee; }
.pror_r{margin-left:40px;width:520px; height:600px; overflow: hidden; position: relative;}
.pror_r .pro_info{padding:10px 0 4px;height:250px; overflow: auto;}
.pror_r .pro_info .info_tit{position:relative;font-weight:bold;font-size:26px;height:40px;line-height:40px;display:Inline-block; color: #fc4c02;}
.pror_r .pro_info .info_sum{width:100%;padding:10px 0;color:#666;line-height:28px;font-size:14px; border-bottom: 1px solid #eee;}
.pror_r .pro_info .info_sum img{ max-width: 100%;}
#showbox {z-index:1;}
#showbox span {background:rgba(243, 245, 249, 0.2);}
#showsum {left:30px; margin-top:10px;}
#showsum span{width:104px !important;height:104px !important; border: solid 1px #eee; cursor: pointer;}
#showsum span.sel{width:100px !important;height:100px !important; border: solid 3px #fc4c02;}
#showsum span.sel img{ }
.showpage {width:520px;position:relative;}
.showpage a{display:block;width:30px;height:102px; position:absolute; left:0;top:-104px;background: #b9c4df url(../images/jt_ico.png) no-repeat;}
.showpage a#shownext{left:auto;right:0;}
.showpage #showlast{background-position:0 30px;}
.showpage #shownext{background-position:-28px 30px;}
.pro_detail{line-height:28px;color:#333333;padding-top:20px}
.pro_detail .pro_detail_tit{border-bottom:1px solid #eee;font-size:18px;margin-bottom:20px;}
.pro_detail .pro_detail_tit span{margin-top:4px;display:block;width:160px;text-align:center;line-height:50px;height:50px;color:#fff;background:#fc4c02;}
.pro_detail .pro_detail_con{ width: 100%; font-size: 14px; line-height: 28px;}
.pro_detail .pro_detail_con img{ max-width: 100%;}
.pro_info .info_cont p{font-size:14px;border-bottom: 1px dotted #ddd;padding: 10px 0 10px 0px;}
.pro_info .info_cont p span{font-weight: bold;}
.news_list li{float:left;width:33.3%;}
.news_list li a{display:block;margin:15px;background:#f8f8f8;padding:25px 20px;}
.news_list li a img{max-width:100%;}
.news_list li .news_item_date{font-size:22px;font-weight:bold;display:block;font-family:'arial';padding-bottom:15px;}
.news_list li .news_item_img{overflow:hidden;}
.news_list li .news_item_img img{ width: 330px; height: 190px; transition:all 0.5s;}
.news_list li:hover .news_item_img img{transform:scale(1.05);}
.news_list li .news_item_title{font-size:18px;}
.news_list li p{color:#666;padding:5px 0 20px;}
.news_list li:hover .news_item_title{color:#fc4c02;}
.news_list li:hover a{background:#fff;box-shadow:1px 0px 25px 1px #04040412;}

/*inside_pages*/
.inside_pages .news_crumbs{border-bottom:1px solid #eee;padding-bottom:22px;padding-top:20px;color:#666;}
.inside_pages .news_crumbs i{ background:url(../images/iconCrumbs1.png) no-repeat center; width:22px; height:22px; display:inline-block; float:left;}
.inside_pages .news_crumbs span{ margin: 0 5px;}
.inside_pages .news_crumbs a{color:#666;}
.inside_pages .news_crumbs a:hover{ color: #fc4c02; text-decoration: underline;}
.infoPage-t{background:#bdccf1;margin-top:100px;color:#fff;padding:80px 0px 20px;}
.infoPage-t h1{font-size:34px;padding-bottom:10px;color:#fff}
.pageNewsDeSubtitle{padding-bottom:20px;}
.pageNewsDeSubtitle p{ float: left; margin-right: 20px;}
.infoPage-t .pageNewsDeSubtitle span.timer2{font-size:20px;}
.infoPage-t .bdsharebuttonbox{margin-top:50px;margin-right:30px;}

.infoPage-t .bdsharebuttonbox span{float:right;}
.infoPage-t .bdsharebuttonbox a{ float:right;width:10px; display:block; height:25px;background:url(../images/share_ico.png) no-repeat ;margin:2px 1px 1px;}
.infoPage-t .bdsharebuttonbox a.bds_sqq{background-position:-126px 0;}
.infoPage-t .bdsharebuttonbox a.bds_tsina{background-position:-63px 0;}
.infoPage-t .bdsharebuttonbox a.bds_weixin{background-position:0px 0;}
.news_tail{ padding:40px 0; margin-bottom:30px;font-size:15px; color:#666; line-height:28px; border-bottom:1px solid #ddd;}
.news_tail p{ font-size:15px; color:#666; line-height:28px; margin-bottom:15px;}
.news_tail img{ max-width: 100%;}
.newsinfor .r .return{ float:right; width:114px; line-height:36px; border:1px solid #fc4c02; font-size:14px; color:#fc4c02; text-align:center;}
.newsinfor .r .return:hover{  border:1px solid #fc4c02; font-size:14px; color:#fff; background-color:#fc4c02;}
.newsinfor .l{font-size: 14px;line-height: 26px; color: #333;}
.pageCont{ font-size: 14px; color: #333; line-height: 28px;}
.pageCont img{ max-width: 100%;}
.nabout_boxt .l{width:490px;color:#666666;line-height:36px;}
.nabout_boxt .l h3{font-size:36px;position:relative;color:#fc4c02;font-weight:bold;}
.nabout_boxt .l h3:after{position:absolute;top:50%;margin-top:-1px;left:200px;display:block;background:#fc4c02;height:3px;width:40px;content:'';}
.nabout_boxt .l span{font-size:30px;color:#fc4c02;display:block;padding-top:20px;padding-bottom:30px;}
.nabout_boxt .l .cont{ font-size: 14px; line-height: 30px;}
.nabout_boxt .r{width:656px;color:#666666;line-height:36px;}
.nabout_boxt .r img{padding-top:30px;}
.about_adv{position:relative;padding-top:44px;padding-bottom:20px;width:100%;}
.about_adv .l_bg{position:absolute;left:0;height:210px;width:58%;background:url(../images/adv_bg.jpg) center center no-repeat; background-size: 100% 100%;  z-index:-1;}
.about_adv .main_body .text_r{float:right;width:442px;padding-right:20px;padding-top:24px;}
.about_adv .main_body .text_r h3{position:relative;line-height:24px;font-size:24px;color:#fc4c02;font-weight:bold;width:24px;}
.about_adv .main_body .text_r h3:after{position:absolute;top:110px;left:12px;display:block;background:#fc4c02;height:40px;width:2px;content:'';}
.about_adv .main_body .text_r .r{color:#000000;line-height:40px;font-size:24px;}


/* pageContact */
.pageContact{  width: 1200px; margin: 80px auto ; height: 380px; background-color: #fafafa; }
.pageContact .info{ width: 300px; height: 240px; background: url(../images/contact.jpg) center center no-repeat; color: #fff; padding:70px 40px; border-top-right-radius: 30px; overflow: hidden;}
.pageContact .info .line{ width: 30px; height: 2px; background-color: #fff;}
.pageContact .info .title{ width: 100%; font-size: 22px; color: #fff; margin: 20px 0;}
.pageContact .info .list{ width: 100%;}
.pageContact .info .list dl{ float: left;  width: 100%; margin: 5px 0;}
.pageContact .info .list dl dt{ float: left; width: 16px; margin-top: 4px; height: 16px; background: url(../images/contactIcon1.png) no-repeat;}
.pageContact .info .list dl dd{ color: #fff; font-size: 14px;  float: left; line-height: 24px; margin-left: 9px; width: 275px;}
.pageContact .info .list dl:nth-child(1) dt,.pageContact .info .list dl:nth-child(2) dt{ background-position: 0 0;}
.pageContact .info .list dl:nth-child(3) dt{ background-position: -32px 0;}
.pageContact .info .list dl:nth-child(4) dt{ background-position: -48px 0;}
.pageContact .formBox{ width: 740px; height: 300px; padding: 40px; background-color: #fafafa; position: relative;}

.ContactForm_list{ width:740px; margin:0; overflow:hidden;}
.ContactForm_list .row{ width:100%; clear:both;  margin:0 0 25px 0;}
.ContactForm_list .row .row_left{ width:230px; float:left; margin-right: 25px; display:block; }
.ContactForm_list .row .row_right{ width:230px; float:right; display:block; }
.ContactForm_list label{ position:relative; display:block; }
.ContactForm_list label span{ position:absolute; left:15px; top:14px; font-size:14px; color:#999;}
.ContactForm_list .txt{ border:1px solid #eee; background:#fafafa;}
.ContactForm_list .txt:focus{ border:1px solid #fc4c02; padding:0 15px; background:#fafafa;}
.ContactForm_list .txt.w1{ width:198px; height:44px; line-height:44px;  padding:0 15px;}
.ContactForm_list .txt.w2{ width:708px; height:140px; line-height:28px;  padding:8px 15px;}
.ContactForm_list .btn{ float:left; border:0; background:#333; width:160px; height:46px; cursor:pointer; text-align:center; font-size:16px; font-weight:bold; color:#fff;}
.ContactForm_list .row .btn:hover{ background:#fc4c02; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
.ContactForm_list .row p.xin{ color:#21282e; line-height:46px; font-size:16px; float:right; font-weight:bold;}
.ContactForm_list .row p.xin span{ color:#fc4c02; font-size: 20px;}


/* pageMap */
.pageMap{ width: 1200px; height: 560px; margin:0 auto 80px; position: relative; z-index: 1;}
.pageMap iframe{ width: 100%; height: 560px;}
.pageMap #map{ width: 100%; height: 560px;}


/* pageJobs */
.pageJobs{ width: 100%;}
.pageJobs li{ float: left; width: 100%; padding: 20px 0; margin:  0; border-bottom: dotted 1px #ddd;}
.pageJobs li .title{ font-size: 18px; color: #333; width: 100%;}
.pageJobs li .con{ width: 100%; margin-top: 15px;}
.pageJobs li .con p{ float: left; width: 33.33%; font-size: 14px; color: #999;}
.pageJobs li:hover .title,.pageJobs li:hover .con p{ color: #fc4c02;}
.pageJobs li:hover{ border-bottom-color: #fc4c02;}

/* factory_list */
.factory_list { padding-bottom: 70px; overflow: hidden; margin-top: 30px; }
.factory_list ul { width: 1242px; margin: 0 -21px; }
.factory_list ul li { width: 370px; height: 308px; float: left; border: 1px solid #eee; margin:  21px; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; }
.factory_list ul li:hover { -webkit-box-shadow: rgba(0,0,0,0.1) 0 0 20px; -moz-box-shadow: rgba(0,0,0,0.1) 0 0 20px; box-shadow: rgba(0,0,0,0.1) 0 0 20px; }
.factory_list ul li img { display: block; width: 334px; height: 222px; margin: 14px auto; -webkit-box-shadow: rgba(0,0,0,0.1) 0 0 20px; -moz-box-shadow: rgba(0,0,0,0.1) 0 0 20px; box-shadow: rgba(0,0,0,0.1) 0 0 20px; }
.factory_list ul li span { display: block; line-height: 58px; font-size: 16px; color: #333; text-align: center; overflow: hidden; }
#boxer{-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}
#boxer-overlay{background:#000; height:100%; left:0; position: fixed; top:0; width:100%; z-index: 99999;}
#boxer{background:#fff; box-shadow: 0 0 20px rgba(0,0,0,0.2); padding:10px; position: absolute; z-index: 99999;}
#boxer .boxer-close{background:rgba(0, 0, 0, 0.67) url(../images/iconImg.png) no-repeat 0 0px; cursor:pointer; display:block; height:50px; position:fixed; right:10px; top:10px; width:50px;text-indent:-99999px; z-index:106;}
#boxer .boxer-close:hover{ background:#fc4c02 url(../images/iconImg.png) no-repeat 0px 0px;}
#boxer .boxer-arrow{background:rgba(0, 0, 0, 0.67) url(../images/iconImg.png) no-repeat 0 -50px; cursor:pointer; display:block; height:50px; margin:0 auto; position: absolute; text-indent:-99999px; top:50px; width:50px;}
#boxer .boxer-arrow.previous{left:0px;}
#boxer .boxer-arrow.previous:hover{background:#fc4c02 url(../images/iconImg.png) no-repeat 0 -50px; left:0px;}
#boxer .boxer-arrow.next{background-position:-50px -50px; right:0px;}
#boxer .boxer-arrow.next:hover{background:#fc4c02 url(../images/iconImg.png) no-repeat -50px -50px;  right:0px;}
#boxer .boxer-position{color:#999; font-size:12px; margin:0; padding:10px 0 6px;}
#boxer .boxer-caption p{margin:0;padding:0; font-size:16px;}
#boxer .boxer-caption.gallery p{padding: 0; text-align:center; line-height:50px;}
#boxer.loading .boxer-container{background: #fff url(../images/loading.gif) no-repeat center;}


/* pageFactory */
.pageFactory{position: relative; overflow: hidden; width: 1200px;}
.pageFactory .bigImg{height: 1200px;position: relative; height: 650px; z-index: 1;}
.pageFactory .bigImg li{ position: relative;z-index: 1; float: left;}
.pageFactory .bigImg li img{vertical-align: middle;width: 1200px;height: 650px; position: relative;}
.pageFactory .bigImg li p{ width: 1100px; padding: 10px 80px 10px 20px; line-height: 24px; background-color: rgba(0, 0, 0, 0.6); position: absolute; bottom: 0; left: 0; color: #fff;}
.pageFactory .smallScroll{height: 90px;margin-top: 10px; width: 100%; position: relative;}
.pageFactory .Prev, .pageFactory .Next{display: block;width: 35px;height: 80px; text-align: center; line-height: 80px; font-size: 16px; color: #fff;  background:#333 url(../images/fIcon.png) no-repeat;}
.pageFactory .Prev{ background-position: 0 -5px;}
.pageFactory .Next{ background-position: -40px -5px;}
.pageFactory .Prev:hover,.pageFactory .Next:hover{ background-color: #fc4c02; color: #fff;}
.pageFactory .smallImg{float: left;margin: 0 10px;width: 1110px; height: 90px; overflow: hidden;}
.pageFactory .smallImg ul{height: 90px;width: 9999px;overflow: hidden;}
.pageFactory .smallImg li{float: left; margin:0 4px; width: 151px; height: 80px; cursor: pointer;}
.pageFactory .smallImg img{border: 2px solid #dcdddd; width: 147px; height: 76px;}
.pageFactory .smallImg .on img{border-color: #fc4c02;}





















